<template>
	<view class="index">
		<uni-list-item title="联系人:孤独的尽头是自由" showExtraIcon
		clickable
		 :extraIcon="{
			 color: '#4cd964',size: '22',type: 'person'
		 }"
		   ></uni-list-item>
		 <uni-list-item title="邮箱:1191650655@qq.com" showExtraIcon
		 clickable
		  :extraIcon="{
		 	 color: '#4cd964',size: '22',type: 'email'
		  }"
		   ></uni-list-item>
		   <uni-list-item title="复制到粘贴板:lcp13692593329" showExtraIcon
		   clickable
		    :extraIcon="{
		   	 color: '#4cd964',size: '22',type: 'weixin'
		    }"
			@click="copyWx"
		     ></uni-list-item>
		   <view class="wx-img">
				<image :src="wxImg" mode="" class="image"  show-menu-by-longpress></image>
		   </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				wxImg:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fac3f363-66dc-48a8-b358-79fd0858441a/69f223e4-53fd-4260-aa07-0f6b60acfcbb.png'
			};
		},
		methods: {
			copyWx() {
				uni.setClipboardData({
					data:'lcp13692593329',
					success: () => {
						uni.showToast({
							title: '复制成功'
						})
					}
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
.index{
	/deep/ .uni-list-item{
		border-bottom:1rpx solid #c8c7cc;
	}
	.wx-img{
		.image{
			width: 100%;
			height: 666rpx;
		}
	}
}
</style>
